<template>
  <div class="xgd-cell-link">
    <router-link :to="to" v-if="to">
      <mt-cell :title="title">
        <i slot="icon" class="iconfont is-logo" :class="'icon-'+icon" v-if="icon"></i>
        <slot></slot><i class="iconfont icon-right"></i>
      </mt-cell>
    </router-link>
    <mt-cell :title="title" v-else>
      <i slot="icon" class="iconfont is-logo" :class="'icon-'+icon" v-if="icon"></i>
      <slot></slot><i class="iconfont icon-right"></i>
    </mt-cell>
  </div>
</template>
<script>
  export default {
    props:{
      title:String,
      icon:{
        type:String,
        default:''
      },
      to:{
        type:String,
        default:''
      }
    }
  }
</script>